import classnames from 'classnames'
import PropTypes from 'prop-types'

// 从 props中解构中   type  className 以及其他所有的...rest
const Icon = ({ type, className, ...rest }) => {
  return (
    //  {...rest} 批量传入多个参数
    <svg {...rest} className={classnames('icon', className)} aria-hidden="true">
      <use xlinkHref={`#${type}`}></use>
    </svg>
  )
}

// 限定组件属性的数据类型 给函数添加一个属性
Icon.propTypes = {
  // type 必须要传一个字符串
  type: PropTypes.string.isRequired,
}

export default Icon
